import React from "react";
import { Outlet } from "react-router-dom";
import { Layout } from "antd";
const { Header, Footer, Sider, Content } = Layout;
import styles from "./index.module.less";
const Layouts = () => {
  return (
    <div className={styles["app-wrapper"]}>
      <Sider style={{ height: "100vh" }}>Sider</Sider>
      <Layout>
        <Header>头部</Header>

        <Content>
          <Outlet />
        </Content>
        <Footer>脚</Footer>
      </Layout>
    </div>
  );
};

export default Layouts;
